<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>合同审核</title>
    <link href="css/style.css" rel="stylesheet">
    <style>
        .head {
            margin: 10px;
        }

        .icon {
            margin: 10px;
            min-height: 200px;
            border: solid 1px rgb(219, 219, 219);
            padding: 10px;
        }

        input {
            margin: 0px 10px;
            border: 2px solid #c7c7c7;
            border-radius: 5px;
            background: transparent;
            text-align: center;
            height: 30px;
            width: 300px;
            text-align-last: center;
        }

        p .inp {
            width: 400px;
            height: 50px;
            line-height: 50px;
            float: left;
        }

        p .btn {
            width: 120px;
            height: 50px;
            line-height: 50px;
        }

        .button {
            width: 100px;
            height: 30px;
            background: #c5464a;
            color: #fff;
        }

        a {
            height: 30px;
            text-decoration: none;
            line-height: 40px;
            font-size: x-small;
        }

        .form_ {
            width: 900px;
            height: 50px;
        }

        .head1 {
            margin: 10px;
            padding: 10px;
            border: solid 1px rgb(212, 212, 212);
            width: 250px;
            height: 180px;
            float: left;
            box-shadow: 3px 3px 3px #e7e7e7;
            position: relative;
            text-align: center;
        }
        .btn_2 {
            width: 60px;
            float: left;
            margin: 20px
        }
        .a1 {
            width: 50px;
        }
    </style>
</head>

<body  style="background-color: rgb(250, 250, 250);">
<div>
    <div class="head"><a>法律文书->合同审核</a></div>
    <div class="icon">
        <div class="form_">
            <form name="contract" method="POST" action="">
                <label>合同名称：</label>
                <input class="edit" id="name" type="text" />
                <input type="submit" class="button" value="查询" id="btnPost" onclick="" />
            </form>
        </div>
        <div class="table">
            <label>合同类型：</label>
            <table style="width: 600px;margin-left: 80px;">
                <tr>
                    <th align="right"><a href="">日常业务合同</a></th>
                    <td style="width: 100px;" align="center"><a href="">全部</a></td>
                    <td><a href="">销售合同</a></td>
                    <td><a href="">采购合同</a></td>
                    <td><a href="">保密协议</a></td>
                    <td><a href="">行政类合同</a></td>
                </tr>
                <tr>
                    <th align="right"><a href="">劳动人事文件</a></th>
                    <td style="width: 100px;" align="center"><a href="">全部</a></td>
                    <td><a href="">劳动人事合同</a></td>
                    <td><a href="">劳动流程性文档</a></td>
                    <td><a href="">劳动人事制度</a></td>
                </tr>
                <tr>
                    <th align="right"><a href="">公司文件模板</a></th>
                    <td style="width: 100px;" align="center"><a href="">全部</a></td>
                    <td><a href="">公司章程及章程修正案</a></td>
                    <td><a href="">股东协议</a></td>
                    <td><a href="">其他文件</a></td>
                </tr>
                <tr>
                    <th align="right"><a href="">其他</a></th>
                    <td style="width: 100px;" align="center"><a href="">全部</a></td>
                </tr>
            </table>
        </div>
    </div>
    <div style="min-height: 230px;">
        <div class="head1" th:each="product:${page.list}">
            <p th:text="${product.productName}">合同名称</p>
            <p th:text="${product.price}+'￥'">￥</p>
            <div style="position: absolute;bottom: 0px;right: 0px;">
                <form action="/contract/auditServiceBuy" method="POST">
                    <input type="submit" value="购买" class="btn ant-btn ant-btn-red"/>
                    <input name="id" type="hidden" th:value="${product.id}"/>
                    <input name="productName" type="hidden" th:value="${product.productName}"/>
                    <input name="price" type="hidden" th:value="${product.price}"/>
                </form>
            </div>
        </div>
    </div>
    <div style="text-align: center;" th:if="${page.pages>0}">
        <a href="" class="a1" th:href="@{~/contract/auditServiceList(pageNum=${page.pageNum -1})}">上一页&nbsp;&nbsp;</a>
<!--        <a href="" class="a1">1&nbsp;&nbsp;</a>-->
<!--        <a href="" class="a1">2&nbsp;&nbsp;</a>-->
<!--        <a href="" class="a1">3&nbsp;&nbsp;</a>-->
<!--        <a href="" class="a1">4&nbsp;&nbsp;</a>-->
<!--        <a href="" class="a1">5&nbsp;&nbsp;</a>-->
<!--        <a href="" class="a1">6&nbsp;&nbsp;</a>-->
        <a href="" class="a1" th:href="@{~/contract/auditServiceList(pageNum=${page.pageNum+1})}">下一页</a>
    </div>
</div>
</body>

</html>